<template>
	<div class="sysPageOptionConfig-container">
		<el-dialog v-model="isShowDialog" :title="props.title" width="95%"  draggable="">
		<pageConfigList :info="pageOption" ref="pageConfigListRef"></pageConfigList>
		</el-dialog>
	</div>
</template>
<style scoped>
:deep(.el-select),
:deep(.el-input-number) {
	width: 100%;
}
</style>
<script lang="ts" setup>
	import { ref,onMounted } from "vue";
	import { ElMessage } from "element-plus";
	import type { FormRules } from "element-plus";
	import _ from 'lodash';
    import pageConfigList from '/@/views/main/sysPageOptionConfig/index.vue'
	//父级传递来的参数
	var props = defineProps({
		title: {
		type: String,
		default: "",
	},
	});
	//父级传递来的函数，用于回调
	const emit = defineEmits(["reloadTable"]);
	const ruleFormRef = ref();
	const uploadRef = ref();
	const isShowDialog = ref(false);
	const ruleForm = ref<any>({});
	const timer=ref<any>();
	const pageOption=ref<any>();
	let mianPageData=ref<any>();
	const pageConfigListRef = ref();
	// 打开弹窗
	const openDialog = (row: any) => {
	    mianPageData.value = row
	    timer.value = new Date().getTime();
		ruleForm.value = JSON.parse(JSON.stringify(row));
		isShowDialog.value = true;
	};

	// 关闭弹窗
	const closeDialog = () => {
		emit("reloadTable");
		isShowDialog.value = false;
	};

	// 取消
	const cancel = () => {
		isShowDialog.value = false;
	};

	





	// 页面加载时
	onMounted(async () => {
	});

	const commentClick =async (option : any) => {
		timer.value = new Date().getTime();
		pageOption.value= option;
		//ruleForm.value.standardId = row.id;
		isShowDialog.value = true;
		// handleQuery
	};

	//将属性或者函数暴露给父组件
	defineExpose({ openDialog,commentClick });
</script>




